/** padding **/
.p-0 {padding: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pt-4 {padding-top: 1.5rem !important;}
.pt-5 {padding-top: 3rem !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pb-3 {padding-bottom: 1rem !important;}
.pb-4 {padding-bottom: 1.5rem !important;}
.pb-5 {padding-bottom: 3rem !important;}
.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 0.25rem !important;}
.pl-2 {padding-left: 0.5rem !important;}
.pl-3 {padding-left: 1rem !important;}
.pl-4 {padding-left: 1.5rem !important;}
.pl-5 {padding-left: 3rem !important;}
.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 0.25rem !important;}
.pr-2 {padding-right: 0.5rem !important;}
.pr-3 {padding-right: 1rem !important;}
.pr-4 {padding-right: 1.5rem !important;}
.pr-5 {padding-right: 3rem !important;}

/* margin */
.mx-0 {margin-left: 0 !important;margin-right: 0 !important;}
.mx-1 {margin-left: 0.25rem !important;margin-right: 0.25rem !important;}
.mx-2 {margin-left: 0.5 !important;margin-right: 0.5 !important;}
.mx-3 {margin-left: 1rem !important;margin-right: 1rem !important;}
.mx-4 {margin-left: 1.5rem !important;margin-right: 1.5rem !important;}
.mx-5 {margin-left: 3rem !important;margin-right: 3rem !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}
.my-2 {margin-top: 0.5 !important;margin-bottom: 0.5 !important;}
.my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

.bg-white { background-color: #fff !important; }
.bg-light {background-color: #f8f9fa !important;}
.bg-secondary {background-color: #6c757d !important;}
.bg-light-2 {background-color: #f6f6f6 !important;}
.bg-light-2 .ant-select-selection {background-color: #f6f6f6 !important;}
.position-relative {position: relative;}
.position-absolute {position: absolute;}

.mt-0 {margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important; }
.mt-4 {margin-top: 1.5rem !important;}
.mt-5 {margin-top: 3rem !important;}

.mb-0 {margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 1rem !important; }
.mb-4 {margin-bottom: 1.5rem !important;}
.mb-5 {margin-bottom: 3rem !important;}

.ml-0 {margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important;}
.ml-2 {margin-left: 0.5rem !important;}
.ml-3 {margin-left: 1rem !important; }
.ml-4 {margin-left: 1.5rem !important;}
.ml-5 {margin-left: 3rem !important;}
.m-0 {margin: 0 !important;}
.mr-0 { margin-right: 0 !important;}
.mr-1 { margin-right: 0.25rem !important;}
.mr-2 { margin-right: 0.5rem !important;}

.border {border: 1px solid #dee2e6 !important;}
.border-none {border:none !important;}
.border-none .ant-select-selection {border: none !important;}
.border-none .ant-input {border:none !important;}
.border-none .ant-input-group-addon {border:none !important;}
.border-top {border-top: 1px solid #dee2e6 !important;}
.border-bottom {border-bottom: 1px solid #dee2e6 !important;}
.border-left {border-left: 1px solid #dee2e6 !important;}
.border-right {border-right: 1px solid #dee2e6 !important;}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-body {color:rgba(0, 0, 0, 0.65) !important;}
.text-white {color: #fff !important;}
.text-black-50 {color: rgba(0, 0, 0, 0.5) !important;}
.text-muted {color: #6c757d!important;}
.text-muted-2 {color: #c5c5c5 !important;}
.text-small {font-size: 0.9em !important;}
.text-large {font-size: 1.5em !important;}
.text-overflow-ellipsis {text-overflow: ellipsis;overflow: hidden;}

h1, .h1 {font-size: 2.5rem;}
h2, .h2 {font-size: 2rem;}
h3, .h3 {font-size: 1.75rem;}
h4, .h4 {font-size: 1.5rem;}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1rem;}

.h-100 {height: 100% !important;}
.h-90 {height: 90% !important;}
.h-60 {height: 60% !important;}
.h-25 {height: 25% !important;}
.h-0 {height: 0 !important;}

.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {width: 50% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-100 {width: 100% !important;}

.cursor-text {cursor: text !important;}
.cursor-default {cursor: default !important;}
.cursor-pointer {cursor: pointer !important;}

.float-right {float: right !important;}
.pre {background: #bfbfbf;padding: 10px;color: white;}
.word-break-all {word-break: break-all;}
.float-right {float: right !important;}

body {user-select: none;}
::-webkit-scrollbar {width : 5px;height: 5px;}
::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background :#d9d9d9;}
::-webkit-scrollbar-track {box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background : #fff;}

.flex-grow {flex-grow : 1 !important;}
.flex-grow-1 {flex-grow : 1 !important;}
.flex-grow-2 {flex-grow : 2 !important;}
.flex-grow-3 {flex-grow : 3 !important;}
.flex-dir-column {flex-direction: column !important;}
.flex-dir-row {flex-direction: row !important;}
.align-items-center {align-items: center !important;}

.overflow-y-auto {overflow-y: auto !important;}
.overflow-x-auto {overflow-x: auto !important;}
.overflow-auto {overflow: auto !important;}
.overflow-hidden {overflow: hidden !important;}
.overflow-x-hidden {overflow-x: hidden !important;}
.white-space-nowrap {white-space: nowrap;}
.white-space-pre {white-space: pre !important;}
.white-space-pre-line {white-space: pre-line;}
.rounded {border-radius: 0.25rem !important;}
.rounded-none {border-radius: 0 !important;}
.rounded-none .ant-select-selection {border-radius: 0 !important;}
.rounded-top {border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important;}
.rounded-bottom {border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important;}
.rounded-left {border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important;}
.rounded-left-none {border-bottom-left-radius:0 !important;border-top-left-radius:0 !important;}
.rounded-right {border-bottom-right-radius:0.25rem !important;border-top-right-radius:0.25rem !important;}
.rounded-right-none {border-bottom-right-radius:0 !important;border-top-right-radius:0 !important;}
.vertical-align-bottom {vertical-align: bottom !important;}

.my-input-group {display: flex !important;flex-direction: row;}
.my-input-group .label {
    white-space: nowrap;
    vertical-align: middle !important;
    position: relative;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all 0.3s;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.my-input-group .label.label-sm {
    padding:  0 10px;
}

.my-input-group .label .small {
    padding:  0 10px;
}
.my-input-group .input {flex-grow: 1; width: 0;}

.content-center {width: 100%;height: 100%;display: flex;flex-direction: column;align-content: center;justify-content: center;}

/* table */
.table-tiny th, .table-tiny td {padding: 3px !important;}
.table-mini th, .table-mini td {padding: 5px !important;}
.table-scroll-body, 
.table-scroll-body .ant-spin-nested-loading,
.table-scroll-body .ant-spin-container,
.table-scroll-body .ant-table,
.table-scroll-body .ant-table-content,
.table-scroll-body .ant-table-scroll {height: 100%;}
.table-scroll-body .ant-table-scroll {display: flex; flex-direction: column;}
.table-scroll-body .ant-table-body {overflow-y: scroll;height: 0;flex-grow: 1;}
.table-body-m-0 .ant-table-body {margin: 0 !important;}

/* tabs */
.tab-h100-pane .ant-tabs-content,
.tab-h100-pane .ant-tabs-tabpane-active {height: 100%;}
.tab-p0-pane .ant-tabs-content {padding:0 !important;}
.tab-content-flex-grow .ant-tabs-content {flex-grow: 1;}
.tab-content-h0 .ant-tabs-content {height: 0;}

/* display */
.d-flex {display: flex !important;}
.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.d-inline-flex {display: inline-flex;}
.d-none {display: none !important;}
@media (min-width: 768px) {
  .d-md-none {display: none !important;}
  .d-md-inline {display: inline !important;}
  .d-md-inline-block {display: inline-block !important;}
  .d-md-block {display: block !important;}
}
@media (min-width: 992px) {
  .d-lg-none {display: none !important;}
  .d-lg-inline {display: inline !important;}
  .d-lg-block {display: block !important;}
}
@media (min-width: 1200px) {
  .d-xl-block {display: block !important;}
}